<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>华天</title>
<link id="link" href="jquery-easyui/themes/bootstrap/easyui.css"
	rel="stylesheet">
<link href="jquery-easyui/themes/icon.css" rel="stylesheet">
<script src="jquery-easyui/jquery.min.js"></script>
<script src="jquery-easyui/jquery.easyui.min.js"></script>
<script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'north',collapsible:false"
			style="height: 60px;">
			<div
				style="padding: 5px 250px; background-color: #a9a9a9; color: #ffffff; height: 15px;">
				<div style="float: left;">
					你好，<label id="name"></label>！ <a id="signout" href="/signout"
						style="text-decoration: none;">退出</a>
				</div>
				<div style="float: right;">
					<span id="currentTime"></span>
				</div>
			</div>
			<div style="padding-top: 5px;">
				<div style="float: left; padding-left: 50px; font-size: 20px;">华天</div>
				<div style="float: right; padding-right: 50px;">
					<label for="theme">系统主题：</label> <input id="theme-combobox"
						name="theme" value="默认">
				</div>
			</div>
		</div>
		<div data-options="region:'south',collapsible:false"
			style="height: 20px; font-size: 15px; text-align: center; background-color: #a9a9a9;">华天
			&copy; 2015</div>
		<div data-options="region:'west',collapsible:false" title="菜单"
			style="width: 250px;">
			<p style="padding-top: 15px; padding-left: 10px; margin: 0; font-size: 20px;">
				<strong>菜单管理</strong>
			</p>
			<ul id="menu-tree" style="padding: 5px; margin: 0;"></ul>
		</div>
		<div data-options="region:'center'" title="界面" style="padding: 5px;">
			<div id="content"></div>
		</div>
	</div>
	<!-- 权限框  -->
	<div id="dialog" style="display: none; padding: 20px;">
		权限：<input class="easyui-textbox" id="auth"
			data-options="iconCls: 'icon-lock'" type="password"
			style="width: 200px"><br> <br>
		<p>权限即是当前用户的密码</p>
		<label style="display: none; color: #ff0000;">权限错误，请重新输入</label>
	</div>

	<!-- 引入自定义js文件 -->
	<script type="text/javascript">
		function session() {
			$.ajax({
				url : '/name',
				success : function(data) {
					if (data.flag == 0) {
						location.replace(data.url);
					}
				}
			});
		}
		$(document).click(function() {
			session();
		});
		//当前时间
		$(function() {
			//setInterval("$('#currentTime').text(new Date().toLocalsString());",1000);   
			setInterval(function() {
				$("#currentTime").text(new Date().toLocaleString());
			}, 1000);
		});
		//获取用户名
		$.ajax({
			url : '/name',
			success : function(data) {
				if (data.flag == 1) {
					$('#name').text(data.name);
				} else {
					location.href = data.url;
				}
			}
		});
		//主题修改
		$('#theme-combobox').combobox({
			url : 'Data/theme.json',
			valueField : 'id',
			textField : 'text',
			onSelect : function(record) {
				$('#link').attr('href', record.attributes.url);
			}
		});
		//$('#layout').layout({
		// 			fit : true
		// 		});
		$('#menu-tree').tree({
			url : 'Data/tree.json',
			animate : true,
			onClick : function(node) {
				$.ajax({
					url : '/name',
					success : function(data) {
						if (data.flag == 0) {
							location.replace(data.url);
						}else{
							if ($('#menu-tree').tree('isLeaf', node.target)) { //判断是否是叶子节点
								if(node.text == '我的世界'){
									$('#dialog').css('display', 'block');
									$('#dialog label').css('display', 'none');
									$('#dialog').dialog({
										title : '输入权限',
										modal : true,
										buttons : [ {
											text : '确定',
											handler : function() {
												if ($('#auth').textbox('getText') == '123456') {
													$('#dialog').dialog('close');
													$('#auth').textbox('clear');
													showcontent(node.text, node.attributes.url);
													} else {
														$('#auth').textbox('clear');
														$('#dialog label').css('display', 'block');
														}
												}
										} ]
									});
								}else{
									showcontent(node.text, node.attributes.url);
								}
							}
						}
					}
				});
				}
		});
		$('#content').tabs({
			fit : true,
			onSelect : function() {
				session();
			}
		});
		$('#content').tabs('add', {
			title : '首页',
			iconCls : 'icon-home',
			content : '<h1>欢迎来到我的世界！</h1>',
			closable : false
		});
		function showcontent(text, url) {
			if ($('#content').tabs('exists', text)) { //判断标签是否存在
				$('#content').tabs('select', text); //标签存在，显示出来
			} else { //标签不存在，添加标签
				$('#content').tabs('add', {
					title : text,
					href : url,
					closable : true
				});
			}
		}
	</script>
</body>
</html>